<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <link rel="stylesheet" href="plug/css/css.css">
</head>
<script src="plug/js/jquery-1.9.1.min.js"></script>
<script src="plug/js/jquery.validate.min.js"></script>
<script src="plug/js/messages_zh.js"></script>
<script src="plug/js/countdown.js"></script>
<script>
</script>
<body>

<%--(18)	入住页面可以正常加载，可以选择宿舍楼、宿舍和学生（4分）
(19)	入住时间为添加时的系统时间（5分）
(20)	表单校验，如果为空，前端有提示（3分）
(21)	后台数据保存成功，保存方法添加事务处理，保证数据一致性（4分）
(22)	入住成功后，发送手机短信给学生（1分）

--%>


<form:form action="insert" modelAttribute="temp">
    学生:
    <form:select path="sid" id="sid">
        <option value="">请选择</option>
        <c:forEach items="${studenlist}" var="s">
            <option value="${s.sid}">${s.sname}</option>
        </c:forEach>
    </form:select>
    <form:errors path="sid"></form:errors> <br>

    楼号：<form:select path="lid"  id="lid">
    <option value="">请选择</option>
</form:select>
    <form:errors path="lid"></form:errors>
    <br>
    宿舍号：<form:select path="rid" id="rid">
    <option value="">请选择</option>
</form:select>
    <form:errors path="rid"></form:errors>
    <br>
    <input type="submit" value="注入">
</form:form>
<script>
    $.ajax({
        url:"lowlist",
        success:function (list) {
            for (let i = 0; i < list.length; i++) {
                $("#lid").append("   <option value='"+list[i].lid+"'>"+list[i].lname+"</option>")
            }
        }
    })
    $("#lid").change(function () {
        $("#rid").empty()
        $.ajax({
            url:"roomlist",
            data:{"lid":$("#lid").val()},
            success:function (list) {

                for (let i = 0; i < list.length; i++) {
                    $("#rid").append("   <option value='"+list[i].rid+"'>"+list[i].rname+"</option>")
                }
            }
        })
    })
</script>
</body>
</html>